<!--热门城市  -->
<div class="touchcity" id="cspand" style="display:none;">
  <div class="schbox">
    <span>搜索城市:</span><input id="cityipt" type="text" />
  </div>
  <div class="citybox"></div>
  <div class="indexBar"></div>
  <a class="locate"></a>
</div>
<!-- 外框 -->
<div id="waik">
  <!-- 头部 -->
  <div id="top" style="background: #fff;">
    <div class="sos_t sos_t_zy ">
      <div class="fanh_shang fanh_yems">
        <a href="javascript:;" onclick="history.back();"><img src="../assets/images/list_xq_jiant1.png"></a>
      </div>
      <div class="text">汽车租赁</div>
      <div class="right">
        <div class="zd" id="citypick"><a href="Javascript:;" id="cityname">贵阳</a></div>
      </div>
    </div>
    <div class="zyhd">
      <ul>
        <li class="no"><a href="qic_chuz.html#">热门<i></i></a></li>
        <li><a href="qic_chuz.html#">舒适型<i></i></a></li>
        <li><a href="qic_chuz.html#">经济型<i></i></a></li>
        <li><a href="qic_chuz.html#">suv<i></i></a></li>
        <li><a href="qic_chuz.html#">商务车<i></i></a></li>
        <li><a href="qic_chuz.html#">电动型<i></i></a></li>
        <li><a href="qic_chuz.html#">商务车<i></i></a></li>
        <li><a href="qic_chuz.html#">电动型<i></i></a></li>
      </ul>
    </div>
  </div>
  <!-- 内容 -->
  <div class="mall_list_k"></div>
  <div class="qiczhul_k">
    <div class="sx">
      <select>
        <option>价格由低到高</option>
        <option>价格由高到低</option>
      </select>
      <select>
        <option>手动</option>
        <option>制动</option>
      </select>
      <!-- <select> 
            <option>筛选</option>
            <option>筛选</option>   
        </select> -->
    </div>
    <ul class="zuc_list">
      <li>
        <h2><img src="../assets/images/zucheIMG.jpg" alt=""></h2>
        <div class="text">
          <h3>大众速腾或同组车型</h3>
          <p>自动 / 5座</p>
          <span>热门</span>
          <span>新车</span>
        </div>
        <div class="right">
          <p>日均价</p>
          <span>￥<b>132</b>起</span>
        </div>
      </li>
      <li>
        <h2><img src="../assets/images/zucheIMG.jpg" alt=""></h2>
        <div class="text">
          <h3>大众速腾或同组车型</h3>
          <p>自动 / 5座</p>
          <span>热门</span>
          <span>新车</span>
        </div>
        <div class="right">
          <p>日均价</p>
          <span>￥<b>132</b>起</span>
        </div>
      </li>
      <li>
        <h2><img src="../assets/images/zucheIMG.jpg" alt=""></h2>
        <div class="text">
          <h3>大众速腾或同组车型</h3>
          <p>自动 / 5座</p>
          <span>热门</span>
          <span>新车</span>
        </div>
        <div class="right">
          <p>日均价</p>
          <span>￥<b>132</b>起</span>
        </div>
      </li>
    </ul>
    <div style="height:30px;line-height: 30px;text-align: center;color:#bbb">加载中</div>
  </div>
  <!-- tanch -->
  <!-- 询底价 -->
  <div class="tankuang_box">
    <!-- 商品属性新加尺码选择 -->
    <div class="goods_shux_box chimabox">
      <div class="black_bg"></div>
      <div class="shux" style="bottom: 0px;">
        <div class="goods_pic fix">
          <h1>选择优惠价格</h1>
          <em><img src="../assets/images/cc.png"></em>
        </div>
        <ul class="xundij_tk xundij_tk_a">
          <li>
            <p><img src="../assets/images/class_img.jpg"></p>
            <div class="che">大众速腾或同组车型<p>5座/手动</p>
            </div>
            <!-- <i></i> -->
          </li>
          <li>
            <p>到门店现价</p>
            <span></span>
            <i><span>￥<b>132</b></span></i>
          </li>
          <li>
            <p>在线付款</p>
            <span>优惠每天2元</span>
            <i><span>￥<b>130</b></span></i>
          </li>
          <!-- <button>提交</button>
                <h2>我已阅读并同意<a>《ooxx》</a>条款</h2> -->
        </ul>
      </div>
    </div>
  </div>


  <br>
  <br>
  <br>
  <!-- 外框结束div -->
</div>

<!-- js妹子ui -->
<script src="../assets/js/amazeui.min.js"></script>
<!-- 选择城市 -->
<script src="../assets/js/LAreaData1.js"></script>
<script src="../assets/js/citypickerhc.js"></script>


<script>
  // 选择城市
  $("#citypick").click(function () {
    citypicker();
  });

</script>


<script type="text/javascript">
  $(function () {
    var n = 0;
    $(".zuc_list li").mousedown(
      function () {
        n = $(this).index()
        $('.tankuang_box > div.goods_shux_box').eq(n).fadeIn(300)
        $('.tankuang_box > div.goods_shux_box').eq(n).children(".shux").stop().animate({
          bottom: 0
        }, 300)
      }
    );
    $(".goods_shux_box .black_bg").mousedown(
      function () {
        $(".goods_shux_box .shux").stop().animate({
          bottom: -999
        }, 500)
        $(".goods_shux_box").fadeOut()
      }
    );
    $(".goods_shux_box .goods_pic em ").mousedown(
      function () {
        $(".goods_shux_box .shux").stop().animate({
          bottom: -999
        }, 500)
        $(".goods_shux_box").fadeOut()
      }
    );

  })

  // 头部高度计算
  $(function () {
    var height = $('#top').height();
    $('.mall_list_k').css('padding-top', height);
  })

</script>
